﻿/* CSS Document */
* 			{ margin:0; padding:0; }
body		{ font:12px arial; color:#333;}
img			{ border:0 }
a			{ color:#2175d9}
a:hover		{ color:#002a90 }
form		{  margin:0; padding:0; }

table 		{ border-collapse:collapse; color:#333}
ul,ol		{ list-style-type:none }
table th	{ text-align:left; font-weight:bold; white-space:nowrap }
td, th		{ padding:2px 2px 2px 2px; }

table{
	margin:2px 0px 2px 0px;
	border-collapse: collapse;
	table-layout:auto;
	width:100%;
	
}
td{
	padding: 1px; 
} 
th{
	padding: 1px;
} 
thead
{
	 background:url(../images/allBg.gif) repeat bottom -25px ;border:1px solid #99bbe8; height:22px; text-align:left; padding:0 2px; font-weight:bold; font-size:12px;
}

table.inputArea{
	margin:2px 0px 2px 0px;
	border-collapse: collapse;
	table-layout:auto;
	width:100%;
}
.inputArea td{
	padding: 1px; height: 22px;
} 
.inputArea th{
	padding: 1px;
} 
.inputArea thead
{
	 background:url(../images/allBg.gif) repeat bottom -25px ;border:1px solid #99bbe8; height:22px; text-align:left; padding:0 2px; font-weight:bold; font-size:12px;
}

table.gridview
{border:1px solid #aaa;}
.gridview th
{
	 background:url(../images/allBg.gif) repeat-x left 0px ;border:1px solid #ccc; height:22px; text-align:center; padding:0 2px; font-weight:bold; font-size:12px;
}
.gridview td{border:1px solid #ccc; height:22px; text-align:center; padding:0 2px; }

/*input.text,select.text,textarea.text	{ font-size:12px; color:#666;background:url(../images/text_bak.gif) repeat-x left 0px;border:1px solid #859dd8; color:#002a90;}*/
textarea	{ padding:2px 3px}
option		{ padding-left:3px; }
legend		{ font-size:14px; font-weight:bold; color:#333}
h4			{ font-weight:bold; font-size:12px; background:#f1f1f1; padding:0 12px; margin-top:10px; margin-bottom:4px; cursor:pointer}
.clearer	{ clear:both }
.right		{ float:right}
.rightAlign	{ text-align:right}
.center		{ text-align:center }
.hidden		{ display:none}
.lmargin1	{ margin-left:10px;}

#container	{ min-width:960px}
#content 	{ }


#primaryContent			{ float:right;margin-left:-198px; width:100%; z-index:0; position:relative }
#primaryContent #mainContent	{ margin:10px 10px 10px 200px; padding:10px 10px; text-align:left; background:#fff;border:1px solid #ccc; }
#primaryContent h2		{ color:gray; font-size:14px; padding-left:10px; height:29px; line-height:29px; margin-bottom:20px;  border-bottom:1px solid #ccc;  }
#primaryContent h2 span	{ margin-left:6px; font-size:12px; font-weight:normal; color:#666; }
#primaryContent h2 span b	{ color:#2274da}
#primaryContent h3		{ font-size:12px;}

#footer	{float:inherit ; width:100%; z-index:0; position:relative; text-align: center ; }


.operationBar			{ background:#eee; padding:0px 12px; margin-bottom:10px; display:inline-block; width:auto}
.twoCols .twoCols_col1	{ float:left; width:200px; position:relative;}
.twoCols .twoCols_col1 fieldset	{ float:left; width:186px }
.twoCols .twoCols_col2	{ float:right; margin-left:-210px; width:100%; }
.twoCols .col2Main		{ margin-left:210px;}
.col	{ padding-bottom:20px;  }
.col .itemList	{ line-height:24px; padding-left:12px}

/* @group table display */
table.data		{ line-height:24px; margin-bottom:16px; border:1px solid #99bbe8  }
.full			{ }
.half			{ }
table.data caption	{ background:url(../images/allBg.gif) repeat-x top left;border:1px solid #99bbe8; height:24px; text-align:left; padding:0 2px; font-weight:bold; font-size:13px; }
.data caption select 	{ float:right; margin-top:2px}
.data td		{ border:1px solid #ededed; padding:0 2px}

.data th		{ background:#eee url(../images/allBg.gif) repeat-x left -25px ; border:1px solid #d0d0d0}
/*.data tbody tr:hover,
.data tr.alter:hover td	{ background:#ffffcc}
.nohover tr:hover td	{ background-color:#fff}*/
.data tfoot		{ height:24px;background:url(../images/allBg.gif) repeat-x left -25px ; }
.data tfoot	td	{ border:1px solid #d0d0d0}
.data tfoot a	{ padding:0px 2px 4px 2px}
tr.alter td, td.alter	{ background-color:#f7f7f7}
.tdRB		{ width:20px; }
.tdTitle	{ width:240px }
.tdTitle p	{ width:230px; overflow:hidden; white-space:nowrap; }
.tdBtns		{ width:106px;}
.tdPerson	{ width:80px; }
.tdMobile	{ width:120px;}

ul.paginate			{ float:right; height:20px; clear:both; }
ul.paginate li		{ float:left; margin:3px;}
/* @group end */

/* @group form data */
fieldset 		{ margin-bottom:0px}
fieldset td		{ color:#666; padding:0px 0px }

table.subform			{ line-height:26px;color:#666  }
table.subform caption	{ text-align:left; padding-left:6px; font-weight:bold}
table.subform tr		{ white-space:nowrap; }
table.subform td		{ padding:3px 6px}

table.subform td label	{}
.subform td.left		{ width:20%;}
.subform .recipients label	{ display:inline-block}
.subform .recipients a	{ color:red; font-size:18px; margin:0 3px; text-decoration:none; vertical-align:middle}

.subform select		{ width:227px}
table.full		{ width:100%}
table.full	 tbody tr:hover	 { color: blue;background-color:#F1F5FA;cursor:pointer}
table.full tbody a:hover	 { color: blue; }
p.addService	{ padding-left:24px;}
.stepDate		{ width:100%; }
.subform .stepDate	td	{ padding:0 6px; color:#666}
.stepDate tr:hover td	{ background:none}
.stepDate td	{ width:20%}
.stepDate input	{ width:80px;}


.subform .multiSelect	{ width:400px; height:160px}
input			{ font:12px Arial, Helvetica, sans-serif}
input.text		{ height:18px; padding: 0px 0px 0px 3px; background:url(../images/text_bak.gif) no-repeat 5px 50px;border:1px solid #859dd8;color:#1800A9;}
input.text:hover{ height:18px; padding: 0px 0px 0px 3px; background:url(../images/text_bak.gif) no-repeat 5px 50px;border:1px solid #FFC400;color:#1800A9;}
input.client	{ width:400px}
input.email		{ width:260px;}
input.long		{ width:540px;}
input.short			{ width:56px;}
input.short1		{ width:80px;}
input.submit	{ margin-top:20px}
span			{ font:12px Arial, Helvetica, sans-serif}
span.txtlabel		{ height:18px; padding: 3px 0px 0px 3px; background:url(../images/labels.gif) repeat 0px 0px; font-size:12px;  border-bottom: 1px solid #859dd8; color:#1800A9;}
span.txtlabel:hover{ height:18px; padding: 3px 0px 0px 3px; background:url(../images/labels.gif) repeat 0px 0px; font-size:12px;color:#1800A9; }
select			{ font:12px Arial, Helvetica, sans-serif}
select.text		{ height:20px; padding-left:3px;background:url(../images/text_bak.gif) no-repeat 5px 50px;border:1px solid #859dd8; color:#1800A9;}
select.text:hover{ height:20px; padding-left:3px;background:url(../images/text_bak.gif) no-repeat 5px 50px;border:1px solid #FFC400; color:#1800A9;}


.b1, .b2, .b3, .b4 { background:url(../images/button-arrow.gif) no-repeat right center;height:22px;padding:4px 20px 5px 10px; border:none; color:#fff; font-weight:bold; cursor:pointer; margin-bottom:2px }
input.b2		{ background-color:#009900;}
input.b3		{ background-color:red}
input.b1		{ background-color:#2175d9;}
input.delete	{ background-color:red;}
a.b4, input.b4 	{ background-color:#666;padding:4px 20px 5px 0px}
a.back,input.back {	background:#666 url(../images/button-arrow-left.gif) no-repeat left center; height:22px; padding:4px 10px 5px 20px; border:0 none; color:#fff; font-weight:bold; margin:2px 0}
.b7 			{ display:inline-block;  background:url(../images/text_bak.gif) repeat-x left 0px; border:1px solid #859dd8; color:#002a90; margin-right:3px; text-decoration:none; cursor:pointer }
input.b7		{  height:20px; line-height:16px; padding:0px 6px; }
a.b7			{ height:12px; padding: 0px 6px 0px 6px;}
.b6 			{ display:inline-block; background:url(../images/bt_back.gif) repeat-x left 0px;  border:1px solid #859dd8; color:#002a90; margin-right:3px; text-decoration:none; cursor:pointer }
.b6:hover		{background:url(../images/bt_back1.gif) repeat-x left 0px;border:1px solid #FFC400;}
input.b6		{  height:20px; line-height:16px; padding:0px 6px; }
a.b6			{ height:12px; padding: 0px 6px 0px 6px;}
input.noMargin1	{margin:0}

.tipBox		{ background:#f2f3f8; border:1px solid #d9d9d9; padding:6px 10px 10px 20px; margin-top:30px; width:416px; line-height:36px }
.tipSuc		{ float:left; margin-right:20px; background:url(../images/success.gif); width:37px; height:38px; display:block}
.tipFail	{ float:left; margin-right:20px; background:url(../images/fail.gif); width:37px; height:38px; display:block}
/* @group end */



/* @group links */
a.del, input.del	{ color:#f20b00}
a.del:hover			{ color:#FF6666}
a.delA				{ color:red; font-size:18px; margin:0 3px; text-decoration:none; vertical-align:middle}
a.l1				{ color:#2175d9}
/* @group end */

/* @group Facebox popups. */
#facebox h2 		{ border-bottom:1px dotted #e0e0e0;margin-bottom:10px;padding-bottom:10px; font-size:14px;}
#facebox p 			{ padding-bottom:10px; font-weight:bold; text-align:center}
#facebox select		{ width:60%;}
#facebox textarea	{ width:100%; height:60px }
#facebox select.list	{ width:100%; height:200px }
#facebox .narrow	{ width:260px } 
#facebox .normal 	{ width:360px; }
#facebox .mail 	{ width:720px; }
#facebox  .facebox table	{ color:#666 }
#facebox  .facebox table td		{ padding:6px; }


.smsPreview	{ background:url(../images/phoneScreen.jpg); padding:52px 26px 88px 26px;  width:168px; height:260px;
margin:10px auto; line-height:16px } 
/* @end */


/* @group login */
.login			{ position:relative; background:url(../images/loginbg.jpg) no-repeat left top; width:1004px; height:415px; margin-top:80px;}
.login h1		{ position:absolute; top:120px; left:50px; color:#cad3da; font:48px normal tahoma,arial,verdana,helvetica,sans-serif}
.login table	{ position:absolute; left:10px; bottom:10px; text-align:left; width:200px; float:left }
.login td		{ color:#fff}
.login  div		{ position:absolute; right:20px; bottom:10px; color:#fff;}
.login div a	{ color:#fff; text-decoration:none}
.login input	{ border:0 none; height:20px}
.login .btnLogin{ background:#fff; padding:1px 3px; color:#00529c}
/* @group end */

/* @group send Email/SMS */
.attArea		{ position:relative; height:22px; padding-bottom:4px }
#fileSelector	{ -moz-opacity:0;position:absolute; top:-1px; left:-5px; width:40px;  overflow:hidden; font-size:22px; }
#attWrapper p	{ width:90%}
td .smsPreview	{ margin:0; }
.smsPreview textarea{padding:3px;border:0 none; width:165px; height:260px; text-align:left; color:#333}
/* @group end */

#toggleSider { position:absolute; z-index:99;  top:110px; display:block; background-image:url(../images/sloggle.gif); height:19px; width:8px; overflow:hidden; cursor:pointer}
.hideSider	{ background-position: left top; left:192px; margin-top:10px;}
.showSider	{ background-position: right top; left:11px; margin-top:10px;}

